.es-modal-open {
    position: fixed;
    width: 100%
}

.ins-search {
    color: #444;
    display: none
}

.ins-search.show {
    display: block
}

.ins-search.show .ins-search-container {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
    -webkit-animation: exsearch-fade-in .3s;
    animation: exsearch-fade-in .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ins-search.show .ins-search-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 101;
    background: rgba(0, 0, 0, .67)
}

.ins-selectable {
    cursor: pointer
}

.ins-search-container {
    position: fixed
}

.ins-input-wrapper {
    position: relative
}

.ins-search-input {
    width: 100%;
    border: none;
    outline: 0;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 200;
    border-radius: 0;
    background: #fff;
    line-height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 12px 28px 12px 20px;
    border-bottom: 1px solid #e2e2e2;
    font-family: "Microsoft Yahei Light", "Microsoft Yahei", Helvetica, Arial, sans-serif
}

.ins-close {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 6px;
    width: 30px;
    height: 30px;
    font-size: 16px;
    position: absolute;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ins-close:hover {
    color: #006bde
}

.ins-search-container {
    left: 50%;
    top: 100px;
    z-index: 101;
    bottom: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 540px;
    margin-left: -270px
}

@media screen and (max-width:559px),
screen and (max-height:479px) {
    .ins-search-container {
        top: 0;
        left: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        max-height: 100vh;
        background: #f7f7f7
    }
}

.ins-section-wrapper {
    left: 0;
    right: 0;
    top: 45px;
    bottom: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute
}

.ins-section-container {
    position: relative;
    background: #f7f7f7
}

.ins-section {
    font-size: 14px;
    line-height: 16px
}

.ins-section .goinline {
    display: inline-block;
    width: 50%;
}

.ins-section .ins-search-item,
.ins-section .ins-section-header {
    padding: 8px 15px
}

.ins-section .ins-section-header {
    color: #9a9a9a !important;
    border-bottom: 1px solid #e2e2e2
}

.ins-section .ins-slug {
    margin-left: 5px;
    color: #9a9a9a !important
}

.ins-section .ins-slug::before {
    content: '('
}

.ins-section .ins-slug::after {
    content: ')'
}

.ins-section .ins-search-item .ins-search-preview,
.ins-section .ins-search-item div.header {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ins-section .ins-search-item div.header .iconfont {
    margin-right: 4px
}

.ins-section .ins-search-item .ins-search-preview {
    height: 18px;
    font-size: 12px;
    color: #9a9a9a !important;
    margin: 5px 0 0 20px
}

.ins-section .ins-search-item.active,
.ins-section .ins-search-item:hover {
    color: #fff !important;
    background: #006bde
}

.ins-section .ins-search-item.active .ins-search-preview,
.ins-section .ins-search-item.active .ins-slug,
.ins-section .ins-search-item:hover .ins-search-preview,
.ins-section .ins-search-item:hover .ins-slug {
    color: #fff !important
}

.ins-section .ins-search-item .search-keyword {
    color: #555;
    font-size: 14px;
    font-weight: 700
}

@-webkit-keyframes exsearch-fade-in {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes exsearch-fade-in {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@font-face {
    font-family: iconfont;
    src: url(iconfont.eot?t=1550575887587);
    src: url(iconfont.eot?t=1550575887587#iefix) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAOQAAsAAAAAB+gAAANDAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDMgqDCII+ATYCJAMUCwwABCAFhG0HRRvHBhFVnBvIfiTYuMz1r7SKRrj0Jnggvb43mVl8ihWY3ROQK0GnPaKEWd21aYAAArp+/5d+SteADNA2jFavvuXOtlda2vEYhyiAH/AbdDhuic+zt5zW3jwpwAQD2hvbInGBFAA3jF15EcchAE9iyUY0t7b14URhjBOAmDR+7HCcqSAKxTJOBPaSpSpRrMOGU1uu3QLW+p8XPykUTtCwSYyTusa0jKL+S9bfq9KwDAZJA2M8O8BWgQSyAQViRqlzEjJMZiPxVH6nqAc8caKhfcn6suKb8feqZUGV7kjtaSZBoil/HsKOUe4NQD1MKfiSZRNI+LKCQINvBoGAv1fFL+YUGwCegAMYC6xBjODX0hBoaMEeYd7egR4LvU8+Sh91zMgYfXxl1ljzaZzc86Df6QfLHq68b9yb7+l/+nKsY++VMp/DGbcft/icuhSjdl1c+OhT3+PP+tOv7idfBne5+nrcrl7d3d03V3ofOhZu3348xe+oGWXzPnJiJNhVeq0M0TdXzDRijYEpN8+fv9R2UddvtoVb3E4Z6Ix16EeqjJaulm69S8e/gaGb+ZZ0SSvffNcTMnpCil5vSVNaxAcZz1R8vO25GY+Pf6aex3yHD7s4dvczD504NO74Abzb2BMHzYPuYweom+q/Lv+E3CdP5O/zdev88d61ed7gHfz6xo3XhANgGUqTBpRLLP5b32FIzf8rQ/2q/zm9FADPNnj6IX57qil85SoU0b/JUyZYlitRJdBkU7KcchdKxHYEipmYEdwa/IaqP+IN5M046pDW5SBwEhJDw0EMJE6IZIpiZMPGSzHsnOrgKctxtZcgzpiYB5DpAyD4+0Lj6wokfz+KYvzBJtQ/7PyT8ORqvaWX1Mavtg55QEXFm9pSK7YsYRVUnlDfRe6SEp95g/NthNIoyWaOUHBjzPCPOguBiZ2WdACnQQhNxukOZYiaEMwmjrnsSVGp5WCliQO5ACqk8EZaJU1ht32wyr3/BGp3Qs7V1FV4b8Dx2s5JKpK0oByVqlXdtZzjPdQyQcAIczSJHMAgEASNmPJBHSgFkaZH3NiIzVbcVhnNr5YPUMCaMB5iSxNSKGETduTzesZaVHDTUmiPCbcCgwEA") format("woff2"), url(iconfont.woff?t=1550575887587) format("woff"), url(iconfont.ttf?t=1550575887587) format("truetype"), url(iconfont.svg?t=1550575887587#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tag:before {
    content: "\e880"
}

.icon-folder:before {
    content: "\e68a"
}

.icon-close:before {
    content: "\e62b"
}

.icon-file:before {
    content: "\efc0"
}